
//加载分页模块
let laypage = layui.laypage
//获取文章的参数
let data = {
    pagenum: 1,//分页页码
    pagesize: 2,//每页数据条数

}

//获取信息并渲染
function get() {
    $.ajax({
        url: '/my/article/list',
        data: data,
        success: function (res) {
            // console.log(res);
            let arr = []
            res.data.forEach(element => {
                arr.push(`<tr>
                <td>${element.title}</td>
                <td>${element.cate_name}</td>
                <td>${element.pub_date}</td>
                <td>${element.state}</td>
                <td>
                  <a href="./edit.html?id=${element.id}" class="layui-btn layui-btn-xs">编辑</a>
                  <button id="shan"data-id="${element.id}" type="button" class="layui-btn layui-btn-xs layui-btn-danger">删除</button>
                </td>
              </tr>`)
            });
            $('tbody').html(arr.join(""))
            //必须等请求结束获取到total

            fenye(res.total)
        }
    })
}
get()
//封装函数 
let form = layui.form
function fenye(x) {
    //执行一个laypage实例
    laypage.render({
        elem: 'test', //注意，这里的 test1 是 ID，不用加 # 号
        count: x, //数据总数，从服务端得到
        limit: data.pagesize,
        curr: data.pagenum,
        limits: [2, 3, 4, 5, 10],
        //  next: '>>',
        //  prev:'<<',
        layout: ['count', 'limit', 'prev', 'page', 'next', 'skip'],
        jump: function (obj, first) {
            //首次不执行
            if (!first) {
                //do something
                //obj包含了当前分页的所有参数，比如：
                data.pagenum = obj.curr //得到当前页，以便向服务端请求对应页的数据。
                data.pagesize = obj.limit //得到每页显示的条数
                get()
            }
        }
    });
}
//获取信息  渲染到下拉菜单
$.ajax({
    url: '/my/category/list',
    success: function (res) {
        // console.log(res);
        let arr = []
        res.data.forEach(item => {
            arr.push(`<option value="${item.id}">${item.name}</option>`)
        })
        $('select[name="category"]').html(arr.join(""))
        form.render('select')
    }
})
//完成筛选
$('#search').on('submit', function (e) {
    // console.log(e);
    e.preventDefault()
    let state = $('select[name=state]').val()
    let cate_id = $('select[name=category]').val()
    if (state) {
        data.state = state
    } else {
        delete data.state
    }
    if (cate_id) {
        data.cate_id = cate_id
    } else {
        delete data.cate_id
    }
    //重置页码为1
    data.pagenum = 1
    get()
})

//删除当列

$('tbody').on('click', '#shan', function () {
    let id = $(this).data('id')
    //提示删除
    layer.confirm('你确定要删除码？', function (a) {

        $.ajax({
            url: '/my/article/delete/' + id,
            success: function (res) {
                if (res.status === 0) {
                    layer.msg(res.message)
                    get()
                }
            }
        })
        layer.close(a)
    })


})